<template>
<div class="app">
    <header-title :city="city" :id="id">消息中心</header-title>
        <van-tabs
        v-model="active"
        title-active-color="#4070ff"
        color="#4070ff"
        line-height="5px"
        line-width="50px"
      >
        <van-tab title-class="my-tab" title="消息活动">内容 1
        </van-tab>
        <van-tab title-class="my-tab" title="系统公告">内容 2</van-tab>
        <van-tab title-class="my-tab" title="订单信息" to="/login">内容 3</van-tab>
      </van-tabs>

</div>
</template>
<script>
import HeaderTitle from '../components/HeaderTitle.vue'

export default {
    name:'Message',
    components:{
        HeaderTitle
    },
    data() {
        return {
            active:0,
            city:'',
            id:''
        }
    },
    mounted() {
    this.city = this.$route.query.city
    this.id = this.$route.query.id
  },
}
</script>
<style lang="scss" scoped>
.app {
    width: 100%;
    .my-tab {
        font-size: 18px !important;
        font-weight: 700 !important;
    }
}

</style>